<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %>
<%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8" %>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
    <meta content="text/html; charset=UTF-8" http-equiv="Content-Type">
    <title>SSE Demo</title>
    <script type="text/javascript" src="js/jquery-1.8.3.min.js"></script>
    <script type="text/javascript">
        if (!!window.EventSource) {//EventSource对象只有新式的浏览器才有(Chrome、Firefox)等， EventSource是SSE的客户端
            var source = new EventSource("push");
            s = '';
            source.addEventListener("message", function (e) {//添加SSE客户端监听，在此获得服务器端推送的消息
                s += e.data + "<br/>";
                console.log("s-->" + s);
                $("#msgFromPush").html(s);
            });
            
            source.addEventListener("open", function (e) {
                console.log("连接打开。");
            }, false);

            source.addEventListener("error", function (e) {
                if (e.readyState == EventSource.CLOSED) {
                    console.log("连接关闭。");
                } else {
                    console.log(e.readyState);
                }
            }, false);
        } else {
            console.log("你的浏览器不支持SSE");
        }

    </script>
</head>
<body>
    <div id="msgFromPush"></div>
</body>
</html>